Sapphire Quarry color palette — #EAF3FF · #326ED9 · #5D5300 · #303600 · #000C0E
A conversation between Royal Blue and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAF3FF): bright and airy, almost weightless.
- Royal Blue (#326ED9): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#5D5300): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#303600): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000C0E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Sapphire Quarry 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
- Chalky Quarry color palette (#EDF1FF, #7D50D6, #545900, #383B00, #000D14)
- Feathered Station color palette (#E8F3FF, #0074C4, #7C2C00, #552000, #000F10)
- Linen Bronze Harbor color palette (#FFF0FA, #6A7BD2, #A44B00, #3E5D00, #0A2716)
- Iris Courtyard color palette (#CAF3EB, #7878F0, #823F71, #0D451D, #14142E)
- Washed Coast color palette (#FFF0FC, #5387FF, #9E487D, #00514B, #00110A)
- Peony Delta color palette (#F3F0FB, #A967AB, #4A7346, #355332, #151E27)
- Gentle Station color palette (#F2EDFF, #A300B2, #494F00, #252E00, #00070F)
- Twilit Courtyard color palette (#E8EEFB, #3400DA, #2B3000, #001F12, #000201)
Browse the whole catalog at Explore, or see today's palette.