Tempered Basin color palette — #F1F1FF · #CA77FF · #A68600 · #007985 · #220731
Built around Pink Orchid, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Ivory (#F1F1FF): a clean, paper-quiet neutral.
- Pink Orchid (#CA77FF): A luminous, vivid violet — the color of wild irises.
- Mustard (#A68600): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#220731): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged jewel, vibrant.
Use it as a design system
One click turns Tempered Basin 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
- Fuchsia Basin color palette (#E7E4FF, #DE73FF, #B67E00, #007678, #002448)
- Linen Fuchsia color palette (#F4EFFF, #FF6CEA, #628A00, #006E99, #2F0529)
- Wandering Periwinkle color palette (#E1EEFF, #5EA6FF, #A28200, #007A7D, #001A1B)
- Timeworn Blush color palette (#FAF1FF, #FF6CAA, #7CA900, #0084B1, #291A34)
- Fuchsia Canyon color palette (#F1EFFF, #FB63FA, #009057, #2F55E7, #250A36)
- Mustard Drift color palette (#F4F4FF, #D4A4E9, #AFA744, #3F91AC, #302F3D)
- Tempered Rose color palette (#F4E2F5, #F1566F, #579400, #0070A3, #1A081F)
- Feathered Ember color palette (#EAF2FF, #7891FF, #E44000, #00882B, #09113A)
Browse the whole catalog at Explore, or see today's palette.