Sapphire Canyon color palette — #DDFEF2 · #9BB534 · #3C6AE3 · #B81F3D · #273000

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

The five colors

• Honeydew (#DDFEF2): A whisper-light, dusty teal — the color of glacier melt.
• Lime (#9BB534): A luminous, balanced green — the color of a quiet forest floor.
• Royal Blue (#3C6AE3): A full-bodied, vivid violet — the color of a velvet chair.
• Ruby (#B81F3D): A full-bodied, vivid red — the color of embers at dusk.
• Deep Forest (#273000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.

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

• Brick Summit color palette (#D8FEFF, #07B182, #3D81F5, #BC003D, #003524)
• Wandering Station color palette (#DFFDF2, #91A828, #0081B5, #883B00, #2C3500)
• Pale Boulevard color palette (#DEF4EE, #8BB14C, #775BB2, #924B00, #002E25)
• Patina Brick color palette (#FFF0FE, #71BE5F, #008CA5, #AB002C, #00402F)
• Pale Lapis Cabin color palette (#F7F8D8, #5F9B23, #4333CE, #7A1D61, #2E2D07)
• Dusty Alley color palette (#E9F9FB, #49B49C, #9780CB, #A9541B, #0E3A3E)
• Chartreuse Studio color palette (#D7FFF6, #8CE333, #907FE9, #B86A9F, #00342C)
• Faded Chapel color palette (#F8F8D5, #89CE2A, #A85CC6, #844B9A, #112000)

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