North Star
#f2dea4
Sunlit yellow-green warmth for contrast-light accents
About North Star
On my monitor, North Star (#f2dea4) feels like a pale parchment with a green-family wink, not a haze. Compared to Hazy Moon's misty, slightly dusty tint, this one holds onto more body and reads cleaner. And unlike Creamy Ivory, which can nearly disappear against white, North Star keeps its warmth and shows up as an actual choice. It's warmer than pale green fog, with a softly golden undertone that never goes chalky.
I use it when a light background needs to feel noticeably colored without turning into an attention grab. Think skincare and home-care product pages, lifestyle editorial layouts, and ecommerce banners where you want freshness but still want readability on top of it. It also sits well in UI surfaces for dashboards and marketing landing pages when you want calm panels that don't flatten out next to off-whites.
Pair it with deeper olive, muted sage, or cocoa browns for contrast. Next to cooler yellow-beiges, it can feel slightly more golden, so sanity-check the side-by-side before you lock the theme.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
