Tempered Cobalt Pier color palette — #EFF7F3 · #B2B37C · #3571B2 · #656400 · #172535
Slate and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EFF7F3): bright and airy, almost weightless.
- Sage (#B2B37C): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#3571B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#656400): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#172535): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Tempered Cobalt Pier 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 Chestnut Study color palette (#EFF8F0, #C7AA7B, #007E89, #7E5700, #0D2831)
- Pine Studio color palette (#EFF7F6, #9DCBC4, #7177B5, #368031, #282E3B)
- Sunlit Cabin color palette (#F2F2EB, #97C377, #008399, #437408, #05120A)
- Denim Delta color palette (#EDF8F0, #A08639, #3D61A6, #634000, #373400)
- Moss Meadow color palette (#E5F6F2, #68A03F, #00588F, #2A5300, #001325)
- Washed Emerald color palette (#EEF7F5, #AAD38D, #00A3A7, #61903A, #0F282F)
- Ancient Garnet color palette (#FEF0FF, #80A469, #007786, #7E2F3F, #1B4546)
- Wandering Grape color palette (#EBF8FB, #54AAA1, #75409E, #005C56, #16142F)
Browse the whole catalog at Explore, or see today's palette.