Sunlit Pine color palette — #FAF2FB · #87DCDB · #009BC1 · #00782B · #003362

Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Ice Blue (#87DCDB): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#009BC1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#00782B): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003362): 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

• Aged Pine Market color palette (#FFF2EE, #B0FFFD, #00AAD2, #007926, #002548)
• Misty Cornflower color palette (#FFF0F9, #9BD5E9, #008FF3, #00755F, #271E7C)
• Quiet Coast color palette (#E6DDE6, #88BACB, #0080A8, #005D30, #001C49)
• Turquoise Hollow color palette (#E6FCEA, #74F1EF, #00C0D5, #009B77, #003949)
• Lagoon Grove color palette (#FAF3F8, #CFE0FA, #75ABD4, #009069, #364868)
• Washed Iris Market color palette (#FBF2F5, #BBD8F6, #848DDF, #007B82, #433155)
• Softworn Ridge color palette (#E3F4E2, #00BC87, #008B82, #00606D, #00344F)
• Pale Harbor color palette (#DCF8FF, #B8E2FF, #BBAAFF, #00914C, #003F51)

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