Sapphire Canyon color palette — #D8E5DC · #9F8400 · #376CDD · #635100 · #000D53
Royal Blue and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#D8E5DC): bright and airy, almost weightless.
- Moss (#9F8400): A luminous, balanced green — the color of new leaves after rain.
- Royal Blue (#376CDD): A full-bodied, vivid violet — the color of a velvet chair.
- Bronze (#635100): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#000D53): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
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
- Ultramarine Coast color palette (#FEE1EB, #CF8324, #3554D4, #764600, #060756)
- Lapis Workshop color palette (#FEECCE, #C39922, #5B5AD0, #614A00, #050026)
- Frosted Amber color palette (#F5DBE5, #C16F18, #007EB2, #7A4200, #001D2E)
- Grape Grove color palette (#CFE4DE, #81A625, #7444BC, #445C00, #240048)
- Pale Grape Delta color palette (#C9E8D9, #7F7C00, #803AC1, #4A4800, #18002E)
- Grape Balcony color palette (#E2E0CA, #827600, #3E5CCF, #5B31C2, #151200)
- Pale Byzantium color palette (#CBEEE3, #98C12A, #9C44EC, #597400, #40006C)
- Antique Courtyard color palette (#ECE1C8, #7D6D00, #006767, #433900, #002020)
Browse the whole catalog at Explore, or see today's palette.