Ash Harbor color palette — #F7F0EB · #C4E9EA · #839EC3 · #547557 · #442E3D
Built around Blue Fog, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F0EB): a clean, paper-quiet neutral.
- Frost (#C4E9EA): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#839EC3): A luminous, dusty blue — the color of deep harbor water.
- Olive (#547557): A full-bodied, dusty green — the color of new leaves after rain.
- Espresso (#442E3D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Ash 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
- Softworn Cerulean color palette (#F7F0EA, #BAE2FF, #718EC0, #1E6A70, #3E2133)
- Blush Delta color palette (#FFEDEA, #DF7597, #46A08A, #468485, #36211E)
- Weathered Meadow color palette (#F1F7F2, #D9DEED, #91B5DB, #4C929E, #43536C)
- Ancient Cerulean Balcony color palette (#FDEEE7, #92DFE0, #0092AF, #006542, #00283F)
- Wandering Blush Quarry color palette (#FFEDEA, #ED96AB, #5DAF91, #965F6D, #2F322C)
- Wandering Courtyard color palette (#F4E6E0, #79C1CB, #00759B, #004D3C, #00162F)
- Driftwood Summit color palette (#FFEDEA, #E0D7C9, #C6C59F, #A98089, #4A3934)
- Antique Chestnut color palette (#FCF0E4, #CEB989, #9C7B5C, #814720, #302C1D)
Browse the whole catalog at Explore, or see today's palette.