Sapphire Coast color palette — #EFF6FF · #1E70E0 · #782800 · #394100 · #00292C

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Royal Blue (#1E70E0): A full-bodied, vivid blue — the color of deep harbor water.
• Rust (#782800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Olive (#394100): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#00292C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Sapphire Coast 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

• Brick Basin color palette (#EEF6FF, #0072B5, #A40023, #493B00, #002D29)
• Pale Denim Corridor color palette (#F1F5FF, #5557A7, #734200, #0E4100, #042131)
• Tempered Brick Parlor color palette (#F2F5FF, #7F67D8, #AA050D, #344800, #003646)
• Hazy Quarry color palette (#E4F5FF, #0086AD, #922200, #00493D, #00121A)
• Ultramarine Corridor color palette (#DBE5FB, #3148B6, #672B00, #182A00, #00121B)
• Antique Chestnut color palette (#F4F4FF, #8A70AB, #765600, #005333, #182B3B)
• Weathered Mulberry Market color palette (#E1FEE7, #817FD9, #8C3298, #544300, #3B2A5A)
• Dusty Lapis Villa color palette (#F1F5FF, #DDD6E4, #BBB8D8, #535BC7, #39404F)

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