Chalky Sapphire color palette — #CDE6D7 · #B4A12A · #1660E9 · #716200 · #000A33

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

The five colors

• Celadon Mist (#CDE6D7): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#B4A12A): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#1660E9): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#716200): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#000A33): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. 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

• Sunlit Field color palette (#D1EBD3, #CC9529, #0072B8, #815A00, #001021)
• Patina Ultramarine color palette (#F3E4C9, #917400, #2B52E4, #554300, #020040)
• Linen Atelier color palette (#C7EFE2, #8EAE33, #893AD4, #556D00, #18002E)
• Linen Indigo Hollow color palette (#ECE5C3, #917D00, #5D51FF, #8400C0, #0A0700)
• Misty Lapis color palette (#E5F5E9, #997A00, #4837FF, #4A3A00, #01000A)
• Nightshade Summit color palette (#E9E2D5, #6B5A00, #0724CA, #322900, #000017)
• Brick Pier color palette (#F3D5EA, #E05F3F, #008BBB, #AF2B00, #00121C)
• Weathered Workshop color palette (#CFEFD2, #E9A800, #C285FF, #B07E00, #410069)

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