Sapphire Basin color palette — #EFF6FF · #97C1FF · #C1A706 · #2D72D3 · #2F2800

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#97C1FF): A luminous, balanced blue — the color of open sky before noon.
• Gold (#C1A706): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#2D72D3): A full-bodied, vivid blue — the color of deep harbor water.
• Espresso (#2F2800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Pale Clover color palette (#F0F5FF, #A3BDFF, #6FBE35, #5170C9, #162F03)
• Linen Apricot Ridge color palette (#EBF7FF, #5BCEFF, #F4850F, #0081AB, #3F1E01)
• Gentle Canyon color palette (#F2F5FF, #D5CCFF, #D9B74A, #8C7BCD, #1D412B)
• Weathered Ultramarine Studio color palette (#F6E2F4, #6791D9, #9A7600, #164EAE, #251A00)
• Turquoise Orchard color palette (#F0F5FF, #E2D9E2, #B1B2A6, #5BA2C3, #28324A)
• Antique Quarry color palette (#F3F4FF, #D2ADFF, #56AD00, #8600D5, #0D2500)
• Pale Blush Courtyard color palette (#FBE8F6, #A7BBFF, #FF83A1, #758CDD, #502630)
• Wandering Olive color palette (#EFF6FF, #92B8FF, #AF7800, #838400, #0A1B34)

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