Sapphire Canyon color palette — #F6E9DE · #5BABD1 · #056BEE · #005E55 · #0A0027
A conversation between Royal Blue and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#F6E9DE): A whisper-light, dusty gold — the color of honey in a jar.
- Cyan (#5BABD1): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#056BEE): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Pine (#005E55): A full-bodied, dusty teal — the color of sea glass.
- Ink (#0A0027): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.
Use it as a design system
One click turns Sapphire Canyon 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
- Hazy Cornflower color palette (#EFE3D9, #7BB8E0, #4B77FA, #006D69, #1A003C)
- Ancient Cobalt color palette (#F6EBE6, #6CADB3, #007FAB, #006137, #000721)
- Denim Lantern color palette (#DEEBE0, #649AB8, #005B99, #003A41, #000329)
- Weathered Azure color palette (#F4E5DC, #84CDE0, #1E99EA, #008062, #151A43)
- Timeworn Corridor color palette (#E8DBE1, #3D81A1, #003B73, #001F1F, #01000B)
- Plum Lagoon color palette (#F4E6EE, #B62B8D, #007480, #1C5475, #060003)
- Weathered Harbor color palette (#F6ECE9, #93E4E2, #00B6E0, #329543, #0C2F51)
- Powdered Pier color palette (#FED6D1, #D72F80, #008470, #9A0056, #000806)
Browse the whole catalog at Explore, or see today's palette.