Pale Sapphire color palette — #F5EED0 · #9D8500 · #3D57FF · #5A4B00 · #070050
Royal Blue and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5EED0): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#9D8500): A luminous, balanced green — the color of a quiet forest floor.
- Royal Blue (#3D57FF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Olive (#5A4B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#070050): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Pale Sapphire 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
- Wandering Sapphire color palette (#F6EDE0, #B07B00, #006DDC, #664500, #001534)
- Grape Basin color palette (#E9ECD8, #959E22, #6C23E8, #4C5100, #190044)
- Muted Amethyst color palette (#D4ECD7, #AA7B00, #7D2CFD, #664800, #360078)
- Chalky Cornflower Terrace color palette (#FFF5D5, #CCC728, #5487EF, #726F00, #000F5D)
- Wandering Indigo Canyon color palette (#CCEFD9, #CBAE2A, #6F63EC, #7B6800, #2A0F7A)
- Powdered Byzantium color palette (#F6F4CF, #84BC2C, #904BCE, #446800, #2D0849)
- Feathered Ember color palette (#FFEAE0, #D45E00, #007CA6, #7B3400, #001924)
- Worn Harbor color palette (#E7EACD, #5EA24E, #852E9B, #155500, #21002A)
Browse the whole catalog at Explore, or see today's palette.