Tempered Cobalt color palette — #F2F7F1 · #7ED2C5 · #5D7CBB · #007F72 · #342A33
Slate and Teal set the tone — five colors that lean into creativity and calm.
The five colors
- Ivory (#F2F7F1): a clean, paper-quiet neutral.
- Aqua (#7ED2C5): A luminous, balanced teal — the color of sea glass.
- Slate (#5D7CBB): A full-bodied, balanced violet — the color of a velvet chair.
- Teal (#007F72): A full-bodied, balanced teal — the color of sea glass.
- Onyx (#342A33): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Calm, Sophistication. Tagged duotone, muted, cool.
Use it as a design system
One click turns Tempered Cobalt 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
- Timeworn Cerulean Bloom color palette (#F4F6EF, #A0CDAA, #1C8C9B, #427C51, #263129)
- Violet Alley color palette (#F0F7F4, #85CBED, #8C6CB1, #247699, #362A2E)
- Washed Cabin color palette (#F0F3EB, #99D3AF, #8B75B4, #47805E, #1D1217)
- Hushed Seafoam Market color palette (#ECF8F8, #96E6B9, #AC8CC6, #5E9C79, #2D2C38)
- Wandering Cobalt Studio color palette (#FDF4E6, #64B6C5, #437AB4, #7C4948, #394D43)
- Softworn Archive color palette (#E2FEE3, #80CCDF, #3891BD, #2D5C8F, #344070)
- Ancient Aubergine color palette (#D1E3DC, #007FB7, #550090, #003651, #0C0004)
- Aqua Chapel color palette (#E9FAF1, #A7FFF7, #4AD3FF, #7E98DA, #395148)
Browse the whole catalog at Explore, or see today's palette.