Sapphire Garden color palette — #F6F2E3 · #B4B100 · #2668FC · #6F6D00 · #000C36
A conversation between Royal Blue and Gold, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F2E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Gold (#B4B100): A luminous, balanced green — the color of a quiet forest floor.
- Royal Blue (#2668FC): A full-bodied, vivid violet — the color of wild irises.
- Olive (#6F6D00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#000C36): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Energy, Balance. Tagged duotone, vibrant.
Use it as a design system
One click turns Sapphire Garden 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
- Tempered Indigo Canyon color palette (#F1F4E2, #60C55F, #615AF9, #0F7F19, #0C0B30)
- Aged Mustard color palette (#FBF0DF, #D3A400, #0085A3, #826400, #00151C)
- Airy Market color palette (#DEFEEF, #CFCA00, #0088BD, #716F00, #000204)
- Soft Indigo Atelier color palette (#F3F7EF, #7FC5A9, #6475DB, #008663, #24111F)
- Soft Lilac Archive color palette (#F5F6EB, #92CE73, #A778FF, #397800, #301021)
- Linen Meadow color palette (#F6E6CC, #B68D15, #0066A7, #6E3700, #2F2200)
- Moss Archive color palette (#DCF9F2, #62A300, #005F70, #2F5200, #00151B)
- Chartreuse Alley color palette (#F4F4D7, #88DF00, #00ADC6, #62A300, #00151A)
Browse the whole catalog at Explore, or see today's palette.