Cobalt Pier color palette — #E7F4FF · #8AB9E0 · #6DAE76 · #2B77AE · #033936
A conversation between Slate and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7F4FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#8AB9E0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Jade (#6DAE76): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#2B77AE): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#033936): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns 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
- Taupe Pier color palette (#E8F4F8, #73C4C0, #B19B43, #18827F, #1D3828)
- Dusty Lilac Corridor color palette (#E5F5FD, #70C0DA, #B788C4, #187E98, #312D47)
- Tempered Orchard color palette (#E8FAF4, #73B6F2, #B89153, #4277A5, #514C46)
- Aged Mint Dune color palette (#E8FAF5, #93CAFE, #85C291, #6491BB, #4C4E47)
- Softworn Ash color palette (#EAF2FF, #D8D4E2, #B3A59B, #7993B1, #2F3745)
- Softworn Driftwood color palette (#E9F5EF, #9AC6B6, #858659, #3F614E, #1C312B)
- Ancient Ultramarine color palette (#EAF2FF, #6193FF, #009A73, #1D4DC6, #00281C)
- Cobalt Atelier color palette (#ECF2FE, #A0B0EE, #D18290, #5D6CB0, #3A2A3D)
Browse the whole catalog at Explore, or see today's palette.