Tempered Summit color palette — #FAF4EC · #B3CDB4 · #00879A · #00624D · #004156
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FAF4EC): bright and airy, almost weightless.
- Pistachio (#B3CDB4): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#00879A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00624D): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004156): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Summit 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 (#FBEFEB, #B5D0B5, #0089AB, #225D2E, #04213E)
- Cobalt Lantern color palette (#F9F4EE, #ACCDC3, #5078BA, #005D71, #2F3665)
- Dusty Cypress Summit color palette (#F8F5EF, #CAE6DD, #64A5AE, #218162, #305341)
- Tempered Ridge color palette (#F6EEE1, #458D93, #004452, #00231D, #000B13)
- Aqua Studio color palette (#EFF8F0, #ABEEEF, #48C4DB, #509C86, #1E3F51)
- Wandering Grove color palette (#EDE7DE, #65ABB6, #00617A, #003F38, #002235)
- Airy Pine Lantern color palette (#F0FBD3, #6EAF8A, #00763E, #004322, #002C14)
- Olive Atelier color palette (#F4F9DC, #CFE7BF, #64C7D3, #577006, #3D403A)
Browse the whole catalog at Explore, or see today's palette.