Dusty Sapphire color palette — #EFF4E4 · #8BC1F0 · #0071D2 · #004D69 · #00124B

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

The five colors

• Cream (#EFF4E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#8BC1F0): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0071D2): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#004D69): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#00124B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Petrol Workshop color palette (#F1F4E0, #7CC8DC, #007E9E, #005156, #001D2B)
• Airy Sapphire Veranda color palette (#FFF1F5, #82BEEF, #2653FF, #00545E, #322468)
• Worn Cornflower Corridor color palette (#E6FAF9, #9CD1FF, #1F8CFB, #006C93, #122F68)
• Patina Terrace color palette (#F2F3EA, #C3DED7, #4E9AA7, #006D66, #00323D)
• Aged Abyss color palette (#E1E4D4, #5A94A1, #005265, #002B2D, #000509)
• Patina Sapphire color palette (#FFE3DE, #E43977, #3D5EF1, #8E0041, #050050)
• Gentle Grape color palette (#FFE2E3, #D20046, #835D00, #7500AB, #240005)
• Amber Cabin color palette (#F1DABC, #AB8833, #795300, #4E2D00, #171100)

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