Teal Courtyard color palette — #F6F7E5 · #9FF8F2 · #00A6AB · #006C5B · #002428
A conversation between Turquoise and Pine, giving this palette its sense of calm and sophistication.
The five colors
- Cream (#F6F7E5): A whisper-light, dusty green — the color of new leaves after rain.
- Sea Foam (#9FF8F2): A whisper-light, balanced teal — the color of shallow lagoons.
- Turquoise (#00A6AB): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#006C5B): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002428): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns 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
- Turquoise Boulevard color palette (#EEEFE3, #40B4C4, #005F71, #002B2B, #000102)
- Aged Lagoon Parlor color palette (#F6EDE1, #A2E1DD, #45B6C3, #25936F, #003441)
- Petrol Boulevard color palette (#E2ECE4, #8BBDC9, #007984, #004D37, #001921)
- Worn Periwinkle color palette (#F2F8E9, #DDE0F3, #499AFF, #006C94, #071E57)
- Powder Atelier color palette (#F5F6EE, #BBE2E8, #96C8E8, #629F96, #3B5444)
- Petrol Terrace color palette (#ECF1E0, #75C1EC, #006DA9, #003C4B, #000309)
- Pale Mustard color palette (#FFF5D7, #B2BB56, #817907, #52450F, #161300)
- Magenta Quarry color palette (#FEF0FF, #D34FDF, #D15342, #3469B9, #19021B)
Browse the whole catalog at Explore, or see today's palette.