Teal Coast color palette — #D2F6FD · #07C6B6 · #849DE2 · #8D852E · #032C33
Built around Turquoise, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Frost (#D2F6FD): A whisper-light, dusty blue — the color of open sky before noon.
- Turquoise (#07C6B6): A luminous, balanced teal — the color of sea glass.
- Cornflower (#849DE2): A luminous, balanced violet — the color of wild irises.
- Olive Leaf (#8D852E): A luminous, balanced green — the color of new leaves after rain.
- Deep Forest (#032C33): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged cool.
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
- Sky Boulevard color palette (#DEF2FF, #00BCF5, #B88BD3, #5B925C, #0E293A)
- Airy Bloom color palette (#D9F6EF, #8ABD6C, #4BAFC7, #BB6B37, #002E28)
- Marigold Quarry color palette (#E5F9FF, #00CBCD, #D59A00, #8C8F00, #00313C)
- Wandering Powder color palette (#ECF7FF, #8ECCED, #B3BD89, #78A782, #2F3F4B)
- Periwinkle Pier color palette (#EAF8FE, #70DCF0, #47A9FA, #00A8BE, #081A29)
- Softworn Courtyard color palette (#D6F5FD, #00A4A1, #B9626F, #904552, #072B33)
- Airy Powder Boulevard color palette (#D3F7F7, #6CC4FF, #7397D8, #975D8D, #19324B)
- Turquoise Lagoon color palette (#EFF6FB, #D5D9E4, #BCBFD2, #5DABC7, #2D3D46)
Browse the whole catalog at Explore, or see today's palette.