Cobalt Harbor color palette — #F4F2E9 · #B3B97C · #007FB0 · #656B00 · #00130C
Cerulean and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F2E9): a clean, paper-quiet neutral.
- Sage (#B3B97C): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#007FB0): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#656B00): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#00130C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, muted.
Use it as a design system
One click turns Cobalt Harbor 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
- Pine Cabin color palette (#F1F3EA, #98BF9C, #4A76B3, #007A2A, #170718)
- Tempered Chestnut Loft color palette (#F6F1EC, #D6AA7A, #00887B, #8C5700, #071105)
- Dusty Cabin color palette (#F5F6EC, #8CBF7D, #008266, #307117, #20261A)
- Tempered Moss Alley color palette (#F0F7F4, #BECD7F, #00A2B0, #7A8A0E, #17272D)
- Softworn Harbor color palette (#FFEEE5, #82A878, #007A7D, #792333, #1E260D)
- Softworn Grove color palette (#E2F2C4, #94C297, #008E74, #005055, #002334)
- Worn Pine color palette (#F1F3EC, #D1D9D5, #ADC2BD, #558257, #2C2D23)
- Moss Market color palette (#EEF0D9, #56AD25, #0057B4, #255B00, #00030E)
Browse the whole catalog at Explore, or see today's palette.