Teal Boulevard color palette — #FBF3F1 · #C7DEE1 · #A4D3BB · #80B086 · #5F4A61

Jade and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#C7DEE1): A whisper-light, dusty blue — the color of open sky before noon.
• Pistachio (#A4D3BB): A whisper-light, dusty teal — the color of sea glass.
• Jade (#80B086): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#5F4A61): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Teal Boulevard 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

• Antique Summit color palette (#FAF4EF, #CADCE7, #B7C4F6, #49B5B7, #654955)
• Hushed Station color palette (#EEF8EE, #FBD9D7, #C6E8E9, #96CFAD, #3E5045)
• Cerulean Delta color palette (#F4F9D8, #A7E2CA, #60C9BF, #249DB4, #2A5547)
• Dusty Lagoon Archive color palette (#FAF4EF, #C3EADC, #96B0F1, #00A09C, #3E3358)
• Patina Veranda color palette (#F6EFF6, #D0D4F1, #6AA6BC, #537557, #293748)
• Linen Cobalt color palette (#EBDCD5, #92BBA0, #008BCE, #00704F, #06004A)
• Hushed Alley color palette (#FEF3EA, #E5D7C2, #D2AE90, #B48482, #554700)
• Softworn Apricot color palette (#E4FCF3, #9CCEF1, #EDA4C7, #E78E6C, #304840)

Browse the whole catalog at Explore, or see today's palette.