Cobalt Pier color palette — #ECF9EF · #D7B76C · #007DBF · #7C5E00 · #000103
A conversation between Cerulean and Olive, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Sand (#D7B76C): A luminous, balanced gold — the color of honey in a jar.
- Cerulean (#007DBF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#7C5E00): A full-bodied, balanced gold — the color of honey in a jar.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Balance. Tagged duotone.
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
- Tempered Chestnut color palette (#FFF1F6, #ECAB71, #008887, #915100, #000102)
- Sapphire Archive color palette (#ECF8F5, #A5CA65, #386FDD, #516F00, #000105)
- Ancient Olive color palette (#EFF8F3, #D4D596, #009AB5, #7D7B00, #00060C)
- Moss Field color palette (#E8FAF4, #96AE43, #006793, #465500, #000103)
- Garnet Harbor color palette (#FCF1FF, #9CAD3D, #007B79, #760042, #001803)
- Aged Lime Study color palette (#EDEBE1, #B5C92E, #00AC9A, #839200, #041101)
- Worn Bronze Corridor color palette (#F2EADB, #A18600, #005675, #4E4000, #00120A)
- Linen Bloom color palette (#FFF4DE, #9EC96B, #009664, #004D4E, #00111E)
Browse the whole catalog at Explore, or see today's palette.