Sunlit Pine color palette — #FFF2EB · #89DCD8 · #009DB5 · #007744 · #003751
A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Ice Blue (#89DCD8): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#009DB5): A luminous, balanced blue — the color of deep harbor water.
- Pine (#007744): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003751): A deep, shadowed, dusty 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 (#FFF2EB, #72DBFA, #0095DD, #007368, #0E2D6E)
- Pine Meadow color palette (#FEF0FA, #B2FFFB, #00ACC6, #007743, #00283C)
- Worn Veranda color palette (#F6F6E8, #85EFEA, #00C2CA, #009A84, #003A42)
- Aged Aqua color palette (#E4FBF5, #6ACAC5, #007D82, #005749, #003A41)
- Antique Lagoon color palette (#FBF4EC, #B1E0D3, #7B93D2, #007A89, #3A345B)
- Denim Courtyard color palette (#F1E3DC, #5A9EAD, #005F87, #003C33, #00081E)
- Fuchsia Archive color palette (#F7EAFA, #DC64FA, #008A7B, #477F00, #370F41)
- Bronze Courtyard color palette (#ECDDB6, #95B063, #857900, #6F4A00, #073210)
Browse the whole catalog at Explore, or see today's palette.