Tempered Teal Courtyard color palette — #EEF9ED · #90E7E4 · #F7B1BA · #55BBB8 · #65443B
A conversation between Turquoise and Ice Blue, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#EEF9ED): a clean, paper-quiet neutral.
- Ice Blue (#90E7E4): A whisper-light, balanced teal — the color of shallow lagoons.
- Ballet Pink (#F7B1BA): A whisper-light, balanced red — the color of late-summer berries.
- Turquoise (#55BBB8): A luminous, balanced teal — the color of shallow lagoons.
- Cocoa (#65443B): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Tempered Teal Courtyard 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 Taupe color palette (#F5F7E5, #B7E3AF, #E3B5E1, #8BB683, #634348)
- Antique Alley color palette (#E9F8FC, #83D5D1, #DE9DA2, #449D99, #5A445C)
- Wandering Periwinkle Harbor color palette (#E7FAF5, #B3D9FF, #EEBA9C, #72AEE6, #723E08)
- Gentle Tangerine color palette (#E1FEE7, #6DEFFE, #EA8458, #00ABB9, #642300)
- Softworn Archive color palette (#EDFAEA, #FFD9EC, #C2E9EC, #C1C49C, #3E5045)
- Tempered Harbor color palette (#F5F0C0, #FFCECE, #4FECFC, #5F6F62, #313732)
- Wandering Apricot Thicket color palette (#DDF5EE, #88C4FF, #FB8F65, #4B96DC, #58230C)
- Cocoa Courtyard color palette (#FEF3EC, #ECD5B9, #D2AD94, #B0877C, #584500)
Browse the whole catalog at Explore, or see today's palette.