Pine Coast color palette — #DCF8FF · #C9D7FF · #C0B2FF · #2C8143 · #032D3E

Olive and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DCF8FF): A whisper-light, dusty blue — the color of open sky before noon.
• Lilac Frost (#C9D7FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#C0B2FF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#2C8143): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#032D3E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Creativity, Balance. Tagged pastel, light, muted.

Use it as a design system

One click turns Pine Coast 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

• Timeworn Lagoon Market color palette (#E7F4FF, #DDD5E4, #EEB8DD, #2E8480, #1F2D3F)
• Powder Thicket color palette (#E7F9FF, #CDDBF7, #8EB3FF, #008173, #264A5D)
• Feathered Wisteria Veranda color palette (#D0EEF6, #9FD1FF, #BB83E5, #00693E, #001B2A)
• Gentle Seafoam color palette (#C7FFF7, #7FF8E4, #86CBFF, #80750C, #002F30)
• Emerald Quarry color palette (#E2FFE0, #DEE7FA, #CCBEFF, #679F65, #0C4B53)
• Washed Orchard color palette (#E9F3FF, #DCB9FF, #FF7AAF, #00778E, #1A153E)
• Pale Basin color palette (#C9E9F9, #86ABEA, #B757C5, #005B4D, #001225)
• Weathered Ash color palette (#EAF3FE, #DED5E2, #A2BBAE, #7197AA, #3C404E)

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