Tempered Teal Workshop color palette — #FBF2F8 · #D0E1F5 · #70CBEC · #52AC89 · #284B68
Jade and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Frost (#D0E1F5): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#70CBEC): A luminous, balanced blue — the color of deep harbor water.
- Jade (#52AC89): A luminous, balanced teal — the color of glacier melt.
- Navy (#284B68): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Teal Workshop 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 Canyon color palette (#FAF3F6, #D9D4E2, #AAC9F4, #51B3B8, #48526A)
- Aged Lagoon color palette (#F5F6EF, #C3E4DD, #4CB5C7, #008D86, #2E503E)
- Gentle Station color palette (#BCF6F6, #89DFCD, #00C8D2, #009CBB, #114A63)
- Quiet Periwinkle Workshop color palette (#FFF0F9, #A8E4FC, #55B1FF, #009891, #1B2B6C)
- Sunlit Turquoise color palette (#E9F8FE, #89DBE9, #F8A3A5, #00B2C8, #603335)
- Weathered Courtyard color palette (#F1E5E9, #78A5CF, #4E6CCF, #005B68, #0B0026)
- Tangerine Thicket color palette (#EAF8FF, #74CCE6, #FC9092, #ED8554, #193C4D)
- Cobalt Coast color palette (#E7DBE4, #88B8CE, #008EC4, #006F5D, #001231)
Browse the whole catalog at Explore, or see today's palette.