Forest Coast color palette — #FDF1FA · #A8CBDD · #4E7DA5 · #00624B · #2B3A5A
A conversation between Pine and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF1FA): a clean, paper-quiet neutral.
- Sky (#A8CBDD): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#4E7DA5): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00624B): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2B3A5A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Forest Coast 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 Forest color palette (#FCF1FB, #5DCBCF, #00799C, #005A28, #003168)
- Aged Cypress color palette (#FDF1F6, #C9E0F2, #7189BE, #00716C, #3F4566)
- Antique Cerulean color palette (#F5F1EB, #B5CFBE, #0087B3, #005C58, #00223B)
- Petrol Grove color palette (#F8EAEF, #95B5D1, #4E64A7, #00504E, #332253)
- Aged Navy Basin color palette (#F5E7EF, #398CA3, #003F6B, #00231A, #05002C)
- Patina Orchid Cabin color palette (#DDF4F6, #29A485, #A257A6, #006650, #48264A)
- Worn Powder color palette (#DEFCFA, #A9E7E6, #84B3E7, #766F32, #1B4148)
- Weathered Pine Veranda color palette (#EFECD8, #94AE56, #007F4A, #005646, #0D3B51)
Browse the whole catalog at Explore, or see today's palette.