Pine Coast color palette — #FEF3ED · #C4DCC4 · #20A6C2 · #008150 · #003F5E

Built around Teal, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF3ED): bright and airy, almost weightless.
• Celadon Mist (#C4DCC4): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#20A6C2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#008150): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#003F5E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, 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

• Wandering Study color palette (#FBF2F8, #CBDDF5, #5BB4CA, #3A7E59, #053249)
• Antique Summit color palette (#FBF4EE, #BDDDD0, #6D97D4, #007B80, #333561)
• Softworn Villa color palette (#EEF8F5, #97D2D0, #008991, #006155, #00434C)
• Ancient Lagoon color palette (#F6F6EA, #9FF1EF, #61C3CA, #369F8E, #20432D)
• Denim Terrace color palette (#E9DFD9, #649EA1, #00627A, #003D29, #000A16)
• Weathered Lagoon color palette (#F9F4EF, #C7DEEE, #A1AFDD, #3C94A5, #644957)
• Wandering Petrol color palette (#F0E5E0, #7BBEC6, #0080A5, #005B45, #00203D)
• Worn Alley color palette (#FFF3E8, #A2D2F2, #3E87FF, #007178, #2C1F77)

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