Cobalt Pier color palette — #F1EFDC · #81984D · #6871BB · #4B6000 · #2B2E64
Built around Slate, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F1EFDC): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#81984D): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#6871BB): A full-bodied, balanced violet — the color of wild irises.
- Olive (#4B6000): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#2B2E64): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged 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
- Emerald Workshop color palette (#EBF2DF, #44A371, #8B65AE, #00683E, #42255B)
- Worn Indigo Archive color palette (#DBEFE5, #949748, #846ABB, #585900, #210F3E)
- Ancient Cobalt color palette (#FDEBD8, #BC7E34, #5F72C2, #7A4A00, #253065)
- Weathered Station color palette (#F4EFDB, #AAAE5D, #9384E7, #757700, #352D5D)
- Ancient Moss color palette (#E9E6C6, #709029, #6C5FA9, #534194, #243009)
- Timeworn Fern color palette (#EFE8D0, #999A70, #69672A, #5E3C00, #2F312B)
- Chalky Byzantium color palette (#DBECC5, #009C70, #AC23B9, #005D42, #4D0054)
- Feathered Grape color palette (#F6F1D7, #6B7400, #7A28A8, #383D00, #29033D)
Browse the whole catalog at Explore, or see today's palette.