Tempered Cobalt color palette — #E8ECD6 · #61A367 · #5677CD · #0E6723 · #081547
A conversation between Azure and Pine, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E8ECD6): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#61A367): A luminous, balanced green — the color of a quiet forest floor.
- Azure (#5677CD): A full-bodied, balanced violet — the color of wild irises.
- Pine (#0E6723): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#081547): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged 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
- Patina Violet Courtyard color palette (#E8ECD4, #5FA462, #9667C4, #006216, #260E3A)
- Faded Moss color palette (#F2E9CC, #9A961F, #6275C6, #5B5800, #0F1448)
- Quiet Parlor color palette (#E0F4EB, #A8AE67, #A680D5, #727800, #40265D)
- Tempered Chartreuse Market color palette (#DCFEF1, #C6D96D, #A590EB, #687700, #2B1B50)
- Feathered Rust Dune color palette (#E1F0E3, #009197, #BA351D, #005155, #290200)
- Sunlit Aubergine color palette (#ECEDD8, #4D8D1E, #5C2891, #1D4000, #0D001E)
- Weathered Scarlet Archive color palette (#E3FADE, #00B0A4, #D54F4C, #006A62, #450005)
- Cypress Loft color palette (#ECF5EA, #76C4BB, #BA8BAC, #298179, #4B2327)
Browse the whole catalog at Explore, or see today's palette.