Sapphire Summit color palette — #F0F6FF · #266AE2 · #096011 · #00453E · #002B3A
Built around Royal Blue, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F6FF): a clean, paper-quiet neutral.
- Royal Blue (#266AE2): A full-bodied, vivid violet — the color of wild irises.
- Pine (#096011): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00453E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#002B3A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Energy. Tagged jewel, vibrant, cool.
Use it as a design system
One click turns Sapphire Summit 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
- Worn Cobalt color palette (#EDF7FF, #0079B7, #525B00, #00472C, #00242A)
- Indigo Corridor color palette (#F2F5FF, #7256C9, #005D49, #00414C, #0B1E42)
- Gentle Ultramarine Canyon color palette (#DEE6F9, #4848B9, #004C2C, #002D2E, #001222)
- Quiet Lagoon color palette (#FFF0F7, #9874FF, #877100, #00656C, #361A29)
- Aged Denim Archive color palette (#F6F3FE, #9E7091, #177080, #1F4C80, #323346)
- Gentle Byzantium Chapel color palette (#EFEBFF, #9D249D, #004D53, #002B4B, #19013C)
- Wisteria Balcony color palette (#FFF1F6, #C385FF, #00A699, #0089AC, #32172E)
- Quiet Harbor color palette (#FFF1F7, #BB6300, #615C00, #004D2A, #00383D)
Browse the whole catalog at Explore, or see today's palette.