Tempered Corridor color palette — #FFF1F1 · #DD3FA3 · #506800 · #004449 · #050023
A conversation between Hot Pink and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Hot Pink (#DD3FA3): A luminous, vivid rose — the color of a warm blush.
- Olive (#506800): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#004449): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#050023): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged jewel, vibrant.
Use it as a design system
One click turns Tempered Corridor 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
- Feathered Atelier color palette (#FFF2EE, #FF5079, #756D00, #00494B, #17003A)
- Washed Rose color palette (#FFF2EE, #F31557, #007938, #00445F, #0E0017)
- Orchid Grove color palette (#FFF1F5, #B261F1, #7C5D00, #004D35, #000715)
- Aged Harbor color palette (#FFF2EE, #F26269, #008854, #005F7A, #1D0222)
- Pale Workshop color palette (#F7EEFF, #970070, #3D4D00, #00373A, #121031)
- Wandering Coast color palette (#F6DEF6, #B00039, #365200, #1D2E00, #000321)
- Quiet Workshop color palette (#FFF4DE, #FF769E, #BB4A00, #005343, #360008)
- Muted Magenta color palette (#FFE6E8, #F54EE2, #A08500, #00739A, #2A0326)
Browse the whole catalog at Explore, or see today's palette.