Pine Coast color palette — #F9F3FA · #B7DBE6 · #43A2C5 · #00823A · #233C5A

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

The five colors

• Ivory (#F9F3FA): bright and airy, almost weightless.
• Powder Blue (#B7DBE6): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#43A2C5): A luminous, balanced blue — the color of open sky before noon.
• Olive (#00823A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#233C5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Tempered Lagoon color palette (#F9F3F7, #D1DEF7, #70ABDE, #009070, #384768)
• Turquoise Courtyard color palette (#FFF2EE, #C8F9EC, #5CB3D2, #457D50, #3B253D)
• Cobalt Delta color palette (#F6EBF1, #A4CAE1, #3989DB, #006E5B, #272659)
• Wandering Archive color palette (#F8F5EF, #B3CDB3, #008798, #00624B, #1B4332)
• Hushed Driftwood Garden color palette (#DBEDE3, #86BAAF, #898336, #7A5116, #063839)
• Misty Study color palette (#EADEFE, #D67CBF, #699948, #467F07, #3E1E37)
• Worn Ultramarine color palette (#F5E2EC, #6BABC8, #1763C2, #004B42, #140140)
• Denim Coast color palette (#F5EDF4, #5E9FA4, #006083, #003E21, #000720)

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