Sunlit Pine color palette — #F9F3F9 · #BADBE4 · #2AA4C8 · #00832D · #203C5A

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Powder Blue (#BADBE4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#2AA4C8): A luminous, balanced blue — the color of open sky before noon.
• Olive (#00832D): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#203C5A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Tempered Azure color palette (#FAF3F7, #B3DBF2, #6899D1, #007E6A, #343463)
• Muted Turquoise Hollow color palette (#FCF3F0, #CBE0F9, #41B6D6, #4A7D49, #02372E)
• Cerulean Quarry color palette (#FAF4EB, #B3CDB1, #008895, #006248, #004253)
• Patina Summit color palette (#EEF8F0, #9FF2EE, #57C4D2, #569C81, #193F52)
• Tempered Emerald color palette (#E3FAFF, #CBDCFB, #D4BBF6, #4F9A64, #244452)
• Patina Lantern color palette (#E0EED7, #62C095, #00918B, #006C79, #003A59)
• Softworn Lagoon color palette (#FAF3F5, #DBDDEC, #A3AEDF, #489496, #4E506A)
• Coral Archive color palette (#D8F5FA, #5BBBAF, #E36C5D, #008478, #5A201A)

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