Sunlit Pine color palette — #FAF2F9 · #A7E8EE · #38A8D8 · #00884D · #1F3E71

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

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Sea Foam (#A7E8EE): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#38A8D8): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00884D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1F3E71): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Ancient Azure color palette (#FDF1FB, #88DAE9, #0096DA, #007651, #182B6F)
• Pale Villa color palette (#FDF1F7, #BDE0FB, #6498FF, #00837B, #41366A)
• Faded Ridge color palette (#EDF9EF, #93F8FF, #00CBF0, #1FA78F, #004661)
• Washed Lagoon Market color palette (#F9F3F7, #D8D5E6, #8CB6DE, #4E9680, #485269)
• Softworn Orchard color palette (#F2E5FF, #FF7BC6, #00A982, #3D9200, #4F1939)
• Timeworn Denim color palette (#EADDE4, #5D9BBA, #1B53AB, #003C36, #0A0027)
• Timeworn Cobalt color palette (#F6E8EE, #92B6D2, #4D71C1, #005A55, #240A4F)
• Ancient Petrol Chapel color palette (#E9DEE9, #5DB1B5, #007093, #004E24, #001231)

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