Quiet Studio color palette — #F1DBEE · #B33B3E · #005F6F · #57000C · #000102
Brick and Espresso set the tone — five colors that lean into trust and stability.
The five colors
- Thistle (#F1DBEE): A whisper-light, dusty pink — the color of neon signs at night.
- Brick (#B33B3E): A full-bodied, balanced orange — the color of toasted spice.
- Peacock (#005F6F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Espresso (#57000C): A deep, shadowed, balanced orange — the color of autumn markets.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Balance. Tagged warm.
Use it as a design system
One click turns Quiet Studio 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
- Weathered Lagoon color palette (#EBDBF4, #B2306F, #006353, #53002D, #000201)
- Bronze Lagoon color palette (#FFE0F0, #A74D00, #005699, #471D00, #000104)
- Garnet Balcony color palette (#FFEAE2, #9B0114, #004751, #440004, #00070A)
- Scarlet Study color palette (#FFEAE1, #DF332C, #008088, #A0050B, #000809)
- Bronze Terrace color palette (#F3DDE4, #907800, #3A463C, #2A1600, #020100)
- Worn Rust color palette (#FAECE5, #BD5B3A, #692800, #190200, #040000)
- Softworn Sapphire color palette (#FFE7EF, #DA8C28, #1968D1, #6E4100, #00061A)
- Gentle Harbor color palette (#DAF3E5, #8E7F00, #2955E2, #443D00, #00000C)
Browse the whole catalog at Explore, or see today's palette.