Muted Coast color palette — #FBF2F6 · #D9DEEF · #829AC4 · #347C75 · #4C5168
Teal and Blue Fog set the tone — five colors that lean into sophistication.
The five colors
- Ivory (#FBF2F6): a clean, paper-quiet neutral.
- Silver (#D9DEEF): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#829AC4): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#347C75): A full-bodied, dusty teal — the color of sea glass.
- Charcoal Brown (#4C5168): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted 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
- Muted Cerulean color palette (#F1F7F2, #D9DEED, #8EB5DD, #3A94A2, #43536C)
- Hushed Petrol color palette (#F5F1EB, #C7E3E4, #7FA0C1, #007987, #432E41)
- Lagoon Canyon color palette (#FBF1FF, #BF8496, #419A95, #347B91, #4A3D4F)
- Spruce Thicket color palette (#EADFEB, #539E9A, #005264, #033304, #001529)
- Timeworn Petrol color palette (#F6EBF3, #8EB9CA, #00719D, #005333, #1A2C52)
- Tempered Atelier color palette (#FAF1FF, #D69DB0, #65A79A, #9B5C73, #1E565D)
- Forest Corridor color palette (#FDF0FD, #8EDFDF, #008CB1, #006C29, #0F4073)
- Washed Navy color palette (#F3E6EA, #5D85A4, #233085, #002222, #0F0023)
Browse the whole catalog at Explore, or see today's palette.