Tempered Basin color palette — #F9F0E9 · #A4D8F5 · #4B7FE0 · #00635B · #261C48
Built around Azure, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#F9F0E9): bright and airy, almost weightless.
- Powder Blue (#A4D8F5): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#4B7FE0): A luminous, balanced violet — the color of wild irises.
- Pine (#00635B): A full-bodied, dusty teal — the color of glacier melt.
- Deep Indigo (#261C48): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Tempered Cerulean color palette (#FFEEE7, #94DEE5, #008EBF, #006639, #0C234A)
- Chalky Cobalt Quarry color palette (#FBF4E9, #95D8FF, #3D83C7, #006571, #293D6C)
- Aged Studio color palette (#FFEFDF, #80C4F2, #3658FF, #00524F, #210544)
- Feathered Periwinkle Drift color palette (#FFF1F7, #B1E3FF, #6F9BE8, #008379, #403767)
- Navy Study color palette (#C2EBE5, #00ADB8, #00719E, #004894, #1A164C)
- Timeworn Corridor color palette (#F8F0EE, #CBE3DB, #67A7BB, #537552, #1C3D36)
- Powdered Bronze Balcony color palette (#C9F0D8, #0092AE, #936F00, #726100, #001C23)
- Chalky Ridge color palette (#CEFFEA, #DADEFF, #FD98EE, #00867D, #3B243B)
Browse the whole catalog at Explore, or see today's palette.