Teal Courtyard color palette — #D4E9EC · #57C0A5 · #57767D · #2B5155 · #0F1B1B
Built around Mint Leaf, softened by Charcoal Brown — the whole palette hums with sophistication.
The five colors
- Frost (#D4E9EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mint Leaf (#57C0A5): A luminous, balanced teal — the color of glacier melt.
- Slate (#57767D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#2B5155): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Ink (#0F1B1B): a grounded near-black with real depth.
Feels like: Sophistication. Tagged noir, dark, luxury, 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
- Azure Dune color palette (#D5EEFF, #00B0E7, #3B6C92, #1F465E, #06141A)
- Hushed Jade Alley color palette (#D1EAEC, #01A786, #38515C, #183335, #101B19)
- Weathered Market color palette (#B7F2ED, #73D9D8, #00BFCB, #0091A3, #004F5D)
- Patina Thicket color palette (#E7F5DD, #008970, #263623, #12180D, #050703)
- Washed Teal color palette (#EDF8F5, #B5DFDA, #87BA99, #7D9A6E, #274946)
- Patina Azure color palette (#CEE8FE, #0094DC, #35557D, #12324B, #00050B)
- Soft Jade Station color palette (#E8F8FF, #69CFDF, #9EAEFF, #6FBA6A, #153D4C)
- Misty Mustard color palette (#E7F9FF, #7EDEE6, #C8C25D, #00B4BF, #494400)
Browse the whole catalog at Explore, or see today's palette.