Tempered Teal color palette — #FBF4EC · #C3E9EE · #A9BAF6 · #45AAAB · #5B3E4A
A conversation between Turquoise and Sky, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#FBF4EC): a clean, paper-quiet neutral.
- Frost (#C3E9EE): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#A9BAF6): A luminous, balanced violet — the color of twilight just after sunset.
- Turquoise (#45AAAB): A luminous, balanced teal — the color of glacier melt.
- Cocoa (#5B3E4A): A full-bodied, dusty rose — the color of a warm blush.
Feels like: Creativity, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Teal 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
- Teal Summit color palette (#FDF3EB, #C1F1DE, #92B5FF, #00A69E, #433271)
- Mallow Chapel color palette (#FFF1F4, #DFA3F4, #9DC184, #5AAD89, #4D2D36)
- Worn Cerulean color palette (#F0F7F1, #D7DDFA, #89A6D4, #39869B, #394765)
- Taupe Dune color palette (#FBF3EF, #C2E1EB, #A1D3C4, #97A983, #63495C)
- Tempered Ash Studio color palette (#FFF1F6, #E4D9D3, #B0C4D2, #ACA4D8, #5E4247)
- Cobalt Atelier color palette (#F9EEE5, #67ABC7, #3375C4, #005F51, #090029)
- Dusty Lilac Lantern color palette (#D7E9FF, #B2C5FF, #BA99EB, #AF75A9, #62374B)
- Iris Archive color palette (#F7EFF2, #C2E0FB, #788AC7, #006C6C, #272A42)
Browse the whole catalog at Explore, or see today's palette.