Tempered Alley color palette — #F2F3E8 · #B8DAB8 · #00949E · #006358 · #002B32
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F3E8): a clean, paper-quiet neutral.
- Pistachio (#B8DAB8): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#00949E): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006358): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002B32): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Alley 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 Abyss color palette (#E3E3D4, #579792, #005456, #002D24, #000507)
- Aged Petrol color palette (#F2F4DF, #84C9CD, #00808F, #00524C, #001E26)
- Linen Forest Drift color palette (#FDF1F9, #9BDCDB, #008EA8, #006A42, #064565)
- Petrol Lantern color palette (#F1F3EB, #C2E6D8, #5F92C1, #006885, #3B213C)
- Cobalt Chapel color palette (#F1F3EB, #A7D7F6, #0089D8, #005E77, #00254C)
- Faded Sapphire color palette (#B5F3EE, #009691, #006FE6, #526C00, #001D1C)
- Worn Turquoise Pier color palette (#E7FAF6, #A0EBE9, #00B0BB, #008474, #004953)
- Powder Garden color palette (#E0F9E8, #C8E1FE, #78C2F8, #008B8D, #00333D)
Browse the whole catalog at Explore, or see today's palette.