Teal Coast color palette — #FAF3F0 · #C4DEE7 · #B7C1F2 · #47A687 · #5E4457
Built around Jade, softened by Lavender — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#FAF3F0): a clean, paper-quiet neutral.
- Silver (#C4DEE7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Lavender (#B7C1F2): A luminous, dusty violet — the color of wild irises.
- Jade (#47A687): A luminous, balanced teal — the color of sea glass.
- Charcoal Brown (#5E4457): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Creativity, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Teal 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
- Hushed Powder color palette (#F1F7F2, #D6DFEE, #94D0EE, #6AB1AC, #425567)
- Ancient Ash Station color palette (#FAF2F8, #D7D5E9, #709FC4, #487A67, #4A5364)
- Hushed Periwinkle color palette (#FDF3EB, #D8D5E1, #85ACFF, #008881, #382863)
- Dusty Canyon color palette (#F0FADC, #AEF3EA, #63CAD5, #388ABC, #664966)
- Antique Pine Study color palette (#FDF3EF, #BDEAF2, #5BB2D8, #008544, #132E54)
- Misty Cobalt Balcony color palette (#FEF2EE, #8FDAE8, #1282BC, #005439, #020038)
- Antique Ultramarine Courtyard color palette (#FAEBDF, #8DBED9, #1B5FCF, #003E38, #030011)
- Petrol Dune color palette (#E0FDEF, #DBD9E5, #7ABDE0, #00769A, #022E45)
Browse the whole catalog at Explore, or see today's palette.