Sapphire Basin color palette — #D7E5FF · #4158F0 · #696300 · #494400 · #04062E

Royal Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D7E5FF): A whisper-light, dusty violet — the color of wild irises.
• Royal Blue (#4158F0): A full-bodied, vivid violet — the color of twilight just after sunset.
• Olive (#696300): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#494400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#04062E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Weathered Byzantium color palette (#DEDDF0, #9C41CB, #664F00, #003F15, #001518)
• Powdered Veranda color palette (#CCFAEC, #0077C0, #6C6000, #004429, #000201)
• Ancient Chestnut color palette (#DEEFF8, #007C92, #875300, #394A00, #001015)
• Byzantium Summit color palette (#E0DBF7, #9510AA, #784400, #3D3600, #0C000F)
• Quiet Lagoon color palette (#E9F0DD, #8066E7, #951D6B, #004236, #210730)
• Lilac Grove color palette (#E6DFFF, #A479FF, #007B37, #00615A, #241243)
• Feathered Atelier color palette (#EEEBFF, #BA43CA, #076112, #00473A, #19031C)
• Soft Magenta color palette (#F2EDFF, #CB51C1, #C45D00, #7F5C00, #110621)

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