Teal Loft color palette — #ECF9EF · #BEA878 · #63AD8F · #2A8991 · #2E4334
A conversation between Jade and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Camel (#BEA878): A luminous, dusty gold — the color of old brass.
- Jade (#63AD8F): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#2A8991): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#2E4334): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Teal Loft 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
- Washed Cypress Villa color palette (#EFF8F2, #BBB37E, #629C71, #00777F, #5D381E)
- Softworn Lagoon color palette (#EEF6FF, #8DAED4, #7FA976, #1F8E70, #323E4C)
- Ancient Courtyard color palette (#EBF9EF, #D9B790, #A59151, #28805F, #394E3B)
- Tempered Cabin color palette (#FFF2EF, #FFA5B6, #73C5D5, #7FA48B, #4B3834)
- Soft Orchard color palette (#DDF5E8, #9D922B, #009487, #006C7F, #2C2700)
- Cobalt Coast color palette (#F8F2FF, #CE98B4, #6FA4BC, #567AB9, #42394A)
- Muted Shell color palette (#FFF2EE, #FFA7AA, #B8B07B, #9D7487, #3E2D28)
- Tempered Study color palette (#F6F3FD, #B37AAB, #27927C, #485F87, #3F3A4B)
Browse the whole catalog at Explore, or see today's palette.