Tempered Cobalt color palette — #E9DCC6 · #9A7A00 · #006DB8 · #5A4600 · #002A4C
Built around Royal Blue, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Bone (#E9DCC6): A whisper-light, dusty gold — the color of old brass.
- Ochre (#9A7A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Royal Blue (#006DB8): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#5A4600): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#002A4C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Sapphire Cabin color palette (#D5E6D7, #A57500, #0A68CB, #5D4000, #00112C)
- Faded Sapphire color palette (#F3DAB6, #D79E28, #1273DD, #825B00, #002756)
- Washed Denim color palette (#E8E6CD, #547B00, #0059A6, #2B4100, #001B39)
- Hazy Indigo color palette (#FCECD8, #B68232, #7765CD, #754D00, #352D5C)
- Frosted Rust color palette (#F6D7C6, #C85731, #0072A6, #802500, #002C44)
- Softworn Lapis Lagoon color palette (#E2E0C5, #769D21, #4538DA, #3B5200, #1E2058)
- Quiet Courtyard color palette (#CEE6CE, #F9B34A, #7086E3, #AE7500, #19205D)
- Worn Violet color palette (#FAF5E6, #A7A44F, #9871D6, #6E6900, #583645)
Browse the whole catalog at Explore, or see today's palette.