Sapphire Dune color palette — #FFF0F8 · #8BC0D9 · #116AD3 · #00574C · #30246A

A conversation between Royal Blue and Royal Purple, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sky (#8BC0D9): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#116AD3): A full-bodied, vivid blue — the color of open sky before noon.
• Forest (#00574C): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#30246A): A deep, shadowed, balanced violet — the color of wild irises.

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

• Navy Harbor color palette (#FDF1FD, #75C7CC, #00789F, #005A2D, #002F6E)
• Cobalt Balcony color palette (#FAF0E2, #64C9F2, #0078B7, #005156, #00183D)
• Softworn Delta color palette (#F3E5EC, #77A5C1, #2F539E, #003E3A, #230D4D)
• Patina Coast color palette (#E9FBEC, #7CD8FF, #0094E0, #007178, #033069)
• Weathered Iris Lagoon color palette (#FCF2F5, #CBDFF1, #7786C3, #007072, #424465)
• Linen Terrace color palette (#F2F2FF, #FFB7ED, #F1776C, #006AA2, #47205A)
• Aged Spruce Boulevard color palette (#F5ECF5, #549D9D, #005267, #00330D, #00142C)
• Periwinkle Boulevard color palette (#FFF2EA, #A6E4FF, #6CADFF, #009A85, #2E2963)

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