Sunlit Pine color palette — #FFF2EE · #94ECF4 · #33A8DB · #00884E · #2B4063

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ice Blue (#94ECF4): A whisper-light, balanced blue — the color of open sky before noon.
• Cyan (#33A8DB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#00884E): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2B4063): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Sunlit Pine into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Timeworn Periwinkle Workshop color palette (#FFF3E9, #B0E3FF, #6A9BEE, #008478, #3F3963)
• Azure Courtyard color palette (#FFF2ED, #44E2F6, #0097D4, #00764C, #1A2F62)
• Soft Sky Garden color palette (#FFF0FA, #D4D5E4, #00C0EE, #008C65, #00385C)
• Airy Drift color palette (#F6F6EA, #B1F2F5, #39CBDE, #00A79B, #004856)
• Tempered Corridor color palette (#EAF9F6, #8FDEE2, #008FA0, #006760, #004857)
• Dusty Powder Terrace color palette (#FCF3EF, #C1E2EE, #8FB6D8, #7C8D6A, #604B5A)
• Tempered Sapphire Canyon color palette (#EBE0D8, #5FBDEB, #3770D3, #005A52, #1F1641)
• Denim Ridge color palette (#EEDBCD, #539DBD, #1D56A1, #003C34, #090028)

Browse the whole catalog at Explore, or see today's palette.