Sunlit Pine color palette — #FDF0FE · #B0FFFE · #00AAD3 · #007829 · #002549

A conversation between Olive and Cyan, giving this palette its sense of nature and growth.

The five colors

• Blush (#FDF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Sea Foam (#B0FFFE): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00AAD3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#007829): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002549): 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

• Dusty Azure Dune color palette (#FEF1FA, #D3DAF7, #04A3F2, #007654, #131E54)
• Linen Grove color palette (#FFF4E2, #77F0EE, #00C0D5, #009B77, #003949)
• Misty Dune color palette (#FFF2EB, #59CCCB, #007B91, #005935, #003752)
• Iris Thicket color palette (#F2F7F1, #DAD5DF, #8D9DFF, #007E83, #352549)
• Sunlit Cerulean Atelier color palette (#FDF1FC, #83DDE1, #0086AE, #005528, #000C23)
• Aged Powder color palette (#FBF2F8, #D5D4E2, #84C3EE, #4E9274, #334055)
• Antique Peony Lantern color palette (#E9F8FF, #2ED6F5, #EF3786, #00788B, #3E001C)
• Tempered Grove color palette (#ECE2E8, #60AFC3, #00598D, #002D20, #01000B)

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