Sapphire Basin color palette — #D8EAFF · #006CCF · #783600 · #003E23 · #002422

A conversation between Royal Blue and Bronze, giving this palette its sense of nature and growth.

The five colors

• Frost (#D8EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#006CCF): A full-bodied, vivid blue — the color of open sky before noon.
• Bronze (#783600): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#003E23): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#002422): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Garnet Delta color palette (#D1ECFF, #0078A1, #862500, #313700, #05260C)
• Hazy Canyon color palette (#DEDEFA, #8F29C8, #444B00, #003633, #001D26)
• Hushed Cabin color palette (#FFF0F9, #4CC9EA, #0072BA, #005844, #272D60)
• Misty Byzantium Pier color palette (#F3F4FF, #9C47EE, #566100, #004B3C, #003136)
• Antique Iris color palette (#F1F5FF, #8B8DE5, #866C3B, #375E41, #1C4B49)
• Hushed Moss Drift color palette (#D4F5DC, #7AA208, #006C45, #662854, #26330A)
• Peony Courtyard color palette (#F7F3FF, #B768AB, #4D6F29, #034F6D, #203156)
• Byzantium Corridor color palette (#FED3E0, #9A39CC, #8D0046, #481E00, #000438)

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