Weathered Indigo color palette — #FFF0FB · #4E5BFF · #756700 · #554A00 · #3D1F37
Built around Sapphire, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Sapphire (#4E5BFF): A full-bodied, vivid violet — the color of a velvet chair.
- Olive (#756700): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#554A00): A full-bodied, balanced green — the color of fresh herbs.
- Onyx (#3D1F37): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Weathered Indigo 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
- Hushed Amethyst color palette (#FFE7F1, #8349D4, #5C6808, #414A00, #351E29)
- Violet Atelier color palette (#FFF0F8, #7B5CF5, #685900, #004C3B, #003135)
- Grape Pier color palette (#FFF0F8, #7311F4, #5C5600, #3D3900, #18260C)
- Wandering Studio color palette (#FFF1F4, #A95AC6, #4F7E4F, #375E37, #422C31)
- Frosted Cobalt color palette (#D9FFF1, #007FB5, #8D5A00, #674100, #003427)
- Misty Indigo Station color palette (#DAFFF0, #7279FF, #9C3167, #00523E, #3D2C4F)
- Pale Atelier color palette (#FFF0FC, #658DFF, #C26090, #00766F, #3C1F38)
- Softworn Studio color palette (#EDF2FF, #6F5FF4, #B2375D, #005456, #110D30)
Browse the whole catalog at Explore, or see today's palette.