Teal Coast color palette — #FFF1F5 · #D5BBE8 · #E6B374 · #44C5BF · #523B42
Aqua and Sand set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Lavender (#D5BBE8): A whisper-light, dusty violet — the color of a velvet chair.
- Sand (#E6B374): A luminous, balanced gold — the color of old brass.
- Aqua (#44C5BF): A luminous, balanced teal — the color of glacier melt.
- Charcoal (#523B42): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged 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
- Stone Courtyard color palette (#FFF0FD, #AFC8F6, #F4A6A1, #8DBE89, #4D3C4B)
- Hazy Periwinkle color palette (#FFF2EE, #F1A7A9, #8BC772, #66A6FF, #4C3027)
- Emerald Lagoon color palette (#FFF1F3, #CD9FCE, #A3AB6D, #629C65, #543A3F)
- Wandering Mustard Basin color palette (#FFE0F9, #EB8FDC, #CCA700, #00AEC8, #471F41)
- Fern Orchard color palette (#F9F5EC, #E3D9B9, #C4B589, #A98D69, #524800)
- Worn Chapel color palette (#FFF1F4, #FAD1C6, #D4ABDE, #A678B3, #432B4A)
- Hushed Straw Orchard color palette (#B9EFFF, #E7E18A, #FFBBE9, #846769, #382C2D)
- Iris Alley color palette (#F8E1D9, #FF7546, #00B876, #7778FF, #431000)
Browse the whole catalog at Explore, or see today's palette.