Sapphire Dune color palette — #E9F6EC · #7EC2FC · #2C6CD6 · #004F61 · #100D4A

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

The five colors

• Cream (#E9F6EC): a clean, paper-quiet neutral.
• Sky (#7EC2FC): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#2C6CD6): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#004F61): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#100D4A): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Sapphire Dune 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 Grove color palette (#E5F8E8, #72CAE1, #007CA7, #005250, #001B33)
• Sapphire Quarry color palette (#FEF3E9, #93BDE0, #4F60D0, #005557, #40186A)
• Misty Cornflower color palette (#FEF4E4, #9BD1FF, #3E87FF, #006F87, #232573)
• Worn Cypress Drift color palette (#E3ECE4, #72A6B2, #00646D, #003B29, #000D13)
• Softworn Lagoon color palette (#DBEBDE, #298692, #004354, #00201B, #000103)
• Crimson Field color palette (#FFE6E7, #D30043, #377600, #004FA2, #240005)
• Rose Hollow color palette (#FFE8EB, #E2406D, #00837A, #8F0039, #001B18)
• Amber Thicket color palette (#D8F0D9, #A78A26, #7A5200, #532A00, #141300)

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