Pale Sapphire color palette — #DCF5E6 · #B79F22 · #0067DB · #5B4D00 · #00061A

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

The five colors

• Honeydew (#DCF5E6): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#B79F22): A luminous, balanced green — the color of a quiet forest floor.
• Royal Blue (#0067DB): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Olive (#5B4D00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#00061A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Hushed Amber Bloom color palette (#DCF7D9, #C87F00, #00899F, #6C4300, #00090D)
• Pale Lapis color palette (#D4EEE5, #7F981F, #411EEF, #354200, #01000A)
• Soft Bloom color palette (#DDF5E7, #B4A022, #952FCD, #594E00, #0F001A)
• Washed Ultramarine Ridge color palette (#FBEBCC, #856A00, #2D50B2, #473700, #04114C)
• Coral Dune color palette (#FFE5F8, #F6715C, #0078CD, #850D00, #000815)
• Gentle Sapphire Terrace color palette (#F4DFAE, #977500, #0B59F0, #6A21B5, #020100)
• Byzantium Coast color palette (#D4F6F2, #30BF3B, #9A3FD7, #05550F, #0F001B)
• Amber Ridge color palette (#EDE5D6, #B69B00, #00A3A0, #846F00, #00201F)

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