Chalky Sapphire color palette — #EFF6FF · #83B3FF · #B79906 · #005FDC · #261E00

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#83B3FF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#B79906): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#005FDC): A full-bodied, vivid blue — the color of deep harbor water.
• Onyx (#261E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged vibrant.

Use it as a design system

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

• Amber Market color palette (#D8FFF4, #66BAFF, #D88606, #006EB0, #2E1900)
• Dusty Dune color palette (#F9D8FA, #80B8FF, #D0AF20, #007BEC, #382D00)
• Timeworn Courtyard color palette (#FFF0F7, #C2B5FF, #7EA500, #6B3BCD, #182300)
• Washed Parlor color palette (#FFF1F6, #D3B8FF, #BCB607, #8D62C9, #323000)
• Airy Boulevard color palette (#DAEBFF, #2484F5, #886F00, #004998, #1C1500)
• Ultramarine Summit color palette (#D8E5FF, #417AFF, #896C00, #0021DD, #3A2C00)
• Dusty Corridor color palette (#DCFFEA, #2ED6FA, #EE4B29, #00778E, #3E0600)
• Softworn Harbor color palette (#F0F5FF, #82AAFF, #9E6E00, #4A7B31, #010B3A)

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