Sapphire Ridge color palette — #E7F2E6 · #AB7000 · #0067BC · #533400 · #000104

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

The five colors

• Cream (#E7F2E6): bright and airy, almost weightless.
• Ochre (#AB7000): A full-bodied, balanced gold — the color of old brass.
• Royal Blue (#0067BC): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#533400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Misty Lapis color palette (#E5F5E9, #997A00, #4837FF, #4A3A00, #01000A)
• Airy Terrace color palette (#F8D8EC, #D24B00, #00738D, #682100, #000102)
• Washed Navy color palette (#F5EBDE, #7C5100, #004A87, #3B2400, #00030A)
• Cobalt Hollow color palette (#FFEDD3, #CD9429, #0071BB, #825900, #001022)
• Aubergine Cabin color palette (#FBEED9, #875F00, #006569, #6A007D, #020100)
• Weathered Grape color palette (#DFF4ED, #7F981F, #6F00D3, #354200, #020007)
• Washed Bronze Corridor color palette (#D6E9D4, #A18135, #6C4300, #381700, #010100)
• Airy Mulberry color palette (#FFEBD6, #875000, #7F007A, #422400, #20001E)

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