Tempered Cobalt color palette — #FBEDF7 · #A2B0E8 · #5BAE9B · #5E6CAD · #27361E
Slate and Turquoise set the tone — five colors that lean into creativity and calm.
The five colors
- Blush (#FBEDF7): a clean, paper-quiet neutral.
- Sky (#A2B0E8): A luminous, balanced violet — the color of a velvet chair.
- Turquoise (#5BAE9B): A luminous, balanced teal — the color of sea glass.
- Slate (#5E6CAD): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Forest (#27361E): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Creativity, Calm, Sophistication. Tagged 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
- Petrol Field color palette (#E7F6EE, #85BCD4, #8EA575, #1E7C9D, #32312B)
- Tempered Atelier color palette (#FAEDFB, #8CB7E5, #C486A7, #4175AA, #4A2425)
- Cobalt Thicket color palette (#F1F5FF, #A6ADD8, #A8995A, #626AB7, #315641)
- Tempered Chapel color palette (#FFEDEE, #D0A2CA, #BD9368, #8D5F88, #35302B)
- Driftwood Cabin color palette (#FFECF5, #E6D2D0, #A2A99A, #A07C96, #47343D)
- Tempered Iris Lagoon color palette (#FFEBF6, #C7C3F4, #8881B7, #4C4470, #1E193B)
- Washed Iris Veranda color palette (#F1F5FF, #B8C0F4, #E29B9E, #7982DD, #5D425E)
- Weathered Pewter color palette (#FAEFF0, #E2BAA3, #7F535A, #45272C, #1B1012)
Browse the whole catalog at Explore, or see today's palette.