Tempered Sapphire Coast color palette — #EFE8DF · #92B8DC · #4862C2 · #004A54 · #170E30

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#EFE8DF): a clean, paper-quiet neutral.
• Sky (#92B8DC): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#4862C2): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#170E30): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Gentle Sapphire Basin color palette (#ECF1E4, #8FB5DC, #2A66BA, #004B6B, #1D2C51)
• Timeworn Petrol color palette (#F2E6E1, #7CC0C9, #007699, #004D3B, #00172E)
• Soft Cornflower color palette (#E9F1E8, #97CAF9, #6380DA, #006A78, #2E2552)
• Faded Denim color palette (#FFEAF0, #FCB9D8, #E38879, #504F9D, #250922)
• Navy Villa color palette (#F3E5DA, #4E93B4, #00498A, #002C2C, #02001C)
• Hushed Byzantium color palette (#FFE1EA, #8946B3, #506900, #005B38, #13021E)
• Wandering Turquoise Delta color palette (#F7F0ED, #CAE3DB, #4DABC0, #49775B, #213C33)
• Weathered Grape Courtyard color palette (#DDE5F8, #816AE0, #7400BC, #4D005A, #2D001D)

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