Sapphire Coast color palette — #D6E5BE · #009661 · #2067C5 · #005737 · #012658

Built around Royal Blue, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#D6E5BE): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#009661): A full-bodied, balanced teal — the color of sea glass.
• Royal Blue (#2067C5): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Olive (#005737): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#012658): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Sapphire 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

• Emerald Lantern color palette (#DEE1C6, #2D970E, #0072A7, #155802, #002C44)
• Tempered Canyon color palette (#D0E4D1, #009193, #734ACB, #005456, #2D1B54)
• Pine Terrace color palette (#D4E6DD, #007F5C, #00678C, #584D00, #182405)
• Emerald Meadow color palette (#D8FFF3, #099BF0, #009932, #00619A, #0F471A)
• Pale Courtyard color palette (#CAE7CF, #00909A, #736E00, #00535A, #2D2A00)
• Aubergine Field color palette (#DBF0DE, #006C73, #6402AC, #003437, #17002F)
• Quiet Teal Lagoon color palette (#ACF9DF, #00AB8C, #006650, #003429, #001C14)
• Washed Cypress color palette (#E4F5D9, #008069, #765100, #004437, #261700)

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