Sapphire Garden color palette — #CEE7DB · #00BEB1 · #00A1CE · #3D60FF · #000409

A conversation between Royal Blue and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#CEE7DB): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#00BEB1): A luminous, balanced teal — the color of sea glass.
• Cerulean (#00A1CE): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#3D60FF): A full-bodied, vivid violet — the color of wild irises.
• Ink (#000409): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged candy, vibrant, light, cool.

Use it as a design system

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

• Cobalt Courtyard color palette (#DFEEE2, #00C1A1, #00A8B3, #007CC2, #000306)
• Byzantium Studio color palette (#FBE7FC, #00B0DE, #428CFF, #9140F2, #000019)
• Clover Chapel color palette (#C2E3FE, #00C877, #0093B8, #6F3099, #000104)
• Muted Grove color palette (#F3EBDE, #68AEB4, #00829B, #005F51, #000B13)
• Clover Market color palette (#E6F3DF, #1BBF2C, #00A793, #00829C, #000303)
• Muted Petrol color palette (#C5E5F0, #5784B2, #6460AA, #693729, #201200)
• Quiet Station color palette (#D6E4EC, #007FCF, #003FDC, #2B14A1, #0B002E)
• Linen Magenta color palette (#F6DCE9, #85B5FF, #9C83FF, #DF11D0, #17002A)

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