Sunlit Pine color palette — #FBF2F8 · #A1EAEA · #07ADCD · #008757 · #004567

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Sea Foam (#A1EAEA): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#07ADCD): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008757): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004567): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Wandering Azure color palette (#FFF0F9, #AEE5FA, #3CA2F1, #00837C, #283B76)
• Worn Dune color palette (#F4ECF2, #95D0D8, #0093BF, #006E55, #002F56)
• Pale Corridor color palette (#E4FBF6, #A3F6F5, #00CEDC, #00A795, #004853)
• Ancient Atelier color palette (#F9F3F7, #D7D5E7, #83B9D9, #469784, #445468)
• Softworn Balcony color palette (#B0F3BB, #00CBA6, #00A2A1, #007282, #00445A)
• Abyss Quarry color palette (#F6EBF2, #72AFAA, #007384, #004D28, #001623)
• Muted Denim Balcony color palette (#F6E7F0, #599DB5, #005C93, #003C37, #01002F)
• Soft Balcony color palette (#D5F0FF, #00ACD1, #DA5C95, #C95500, #003744)

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